<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Junx-EP登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />

    <link href="plugins/waves/waves.min.css" type="text/css" rel="stylesheet" />
    <link href="plugins/layui/css/layui.css" type="text/css" rel="stylesheet" />
    <link href="css/login.css" type="text/css" rel="stylesheet" />
    <link href="plugins/layui-icon-extend/iconfont.css" type="text/css" rel="stylesheet" />

    <style>
        .layui-layer-tips .layui-layer-content {
            background-color: #4390ff !important;
        }

        .layui-layer-tips i.layui-layer-TipsB,
        .layui-layer-tips i.layui-layer-TipsT {
            border-right-color: #4390ff !important;
        }
    </style>
</head>

<body>
    <script src="plugins/waves/waves.min.js"></script>
    <script src="plugins/jquery.min.js"></script>
    <script src="plugins/layui/layui.js"></script>
    <script src="js/base.js"></script>
    <script src="js/login.js"></script>

    <div class="login-background">
        <div class="login-page">
            <div class="main-login-contain">
                <div class="login-overlay-form login-form">
                    <div class="main-login-contain">
                        <form id="form-validation" class="layui-form">
                            <h4 id="systemName"></h4>
                            <div class="form-group">
                                <input type="text" required="required" name="username" lay-verify="username"
                                    autocomplete="off" lay-verType="tips">
                                <label class="control-label" style="color:white">请输入账号</label><i class="bar"></i>
                            </div>
                            <div class="form-group">
                                <input type="password" required="required" name="password" lay-verify="password"
                                    autocomplete="off" lay-verType="tips">
                                <label class="control-label" style="color:white">请输入密码</label><i class="bar"></i>
                            </div>
                            <div class="form-group" id="vcarea" style="display:none;">
	        					<div class="layui-inline">
	                                <input type="text" required="required" name="verificationCode" lay-verify="vcode" style="width:230px;height:35px;text-align:center;font-size:18px" autocomplete="off" lay-verType="tips">
	                                <label class="control-label" style="color:white;text-align:center;">请输入验证码</label><i class="bar" style="width:230px;"></i>
                           	 	</div>
	        					<div class="layui-inline">
	                            	<img id="vcImg" onclick="resetVCode()" style="width:150px;float:right;"></img>
                           	 	</div>
                            </div>
                            <div class="goto-login">
                                <button type="submit"
                                    class="layui-btn layui-btn-normal float-button-light waves-effect waves-button waves-float waves-light"
                                    style="width:130px;float:center;background-color:#4390ff;border-color:#4390ff"
                                    lay-submit="" lay-filter="user-login-submit" id="submitBtn">登入
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright">
            <p>
                 &copy; 2020 Junxworks 
            </p>
        </div>
    </div>
</body>

</html>